<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>Document</title>
</head>

<body>
    <!-- 头部 -->
    <div class="main">
        <div class="top">
            <div class="wz">
                <h4>北京</h4>
            </div>
            <div class="ssk">
                <button><i class="iconfont icon-search"></i> 输入小区名称或商圈</button>
            </div>
            <div class="tub">
                <img src="./icons/header_news.png" alt="">
            </div>
        </div>
        <!-- 头部 -->
        <div class="zj">
            <div class="banner">
                <img src="./imgs/banner.png" alt="">
            </div>
            <div class="gh">
                <div class="left">
                    <img src="./icons/nav_1.png" alt="">
                </div>
                <div class="right">
                    <img src="./icons/nav_2.png" alt="">
                </div>
            </div>
           <div class="bh">
            <h4>超值优惠</h4>
            <span><img src="./icons/content_icon_next.png" alt=""></span>
           </div>
           <div class="ncv">
            <div class="pic">
                <img src="./imgs/content_tu_home_left@2x.png" alt="">
                <h5>宝石花园</h5>
                <p>朝阳区-2室1厅-90平方米</p>
                <span>
                    ￥7800 <i>元/月</i>
                </span>
            </div>
            <div class="pic">
                <img src="./imgs/content_tu_home_right@2x.png" alt="">
                <h5>宝石花园</h5>
                <p>朝阳区-2室1厅-90平方米</p>
                <span>
                    ￥7800 <i>元/月</i>
                </span>
            </div>
           </div>


            <div class="mkl">
                <img src="./imgs/ggwei_home.png" alt="">
            </div>
            <div class="nav">
                <div class="wenb">
                    <div class="tj">为您推荐</div>
                    <div class="he">
                        <p>整租</p>
                    </div>
                    <span>合租</span>
                </div>
            </div>
            <div class="box">
               <ul>
                <li>
                 <div class="pic">
                    <img src="./imgs/home_list_tu1@2x.png" alt="">
                 </div>
                <div class="text">
                    <h5>整租-保利家园7号院1号楼</h5>
                    <span>朝阳区</span><i>|</i><span>二室一厅</span><i>|</i><span>90m^2</span>
                    <p>距五号线立水桥站1200米，13号线广西南合...</p>
                    <div class="mlh">
                        <a href="#">独卫</a>
                        <a href="#">含阳台</a>
                    </div>
                   <i class="nm">￥7800<span>元/月</span></i>
                </div>
               </li>
                <li>
                    <div class="pic">
                        <img src="./imgs/home_list_tu1@2x.png" alt="">
                     </div>
                    <div class="text">
                        <h5>整租-保利家园7号院1号楼</h5>
                        <span>朝阳区</span><i>|</i><span>二室一厅</span><i>|</i><span>90m^2</span>
                        <p>距五号线立水桥站1200米，13号线广西南合...</p>
                        <div class="mlh">
                            <a href="#">独卫</a>
                            <a href="#">含阳台</a>
                        </div>
                       <i class="nm">￥7800<span>元/月</span></i>
                    </div>
                </li>
                <li>
                    <div class="pic">
                        <img src="./imgs/home_list_tu1@2x.png" alt="">
                     </div>
                    <div class="text">
                        <h5>整租-保利家园7号院1号楼</h5>
                        <span>朝阳区</span><i>|</i><span>二室一厅</span><i>|</i><span>90m^2</span>
                        <p>距五号线立水桥站1200米，13号线广西南合...</p>
                        <div class="mlh">
                            <a href="#">独卫</a>
                            <a href="#">含阳台</a>
                        </div>
                       <i class="nm">￥7800<span>元/月</span></i>
                    </div>
                </li>
                <li>
                    <div class="pic">
                        <img src="./imgs/home_list_tu1@2x.png" alt="">
                     </div>
                    <div class="text">
                        <h5>整租-保利家园7号院1号楼</h5>
                        <span>朝阳区</span><i>|</i><span>二室一厅</span><i>|</i><span>90m^2</span>
                        <p>距五号线立水桥站1200米，13号线广西南合...</p>
                        <div class="mlh">
                            <a href="#">独卫</a>
                            <a href="#">含阳台</a>
                        </div>
                       <i class="nm">￥7800<span>元/月</span></i>
                    </div>
                </li>
                <li>
                    <div class="pic">
                        <img src="./imgs/home_list_tu1@2x.png" alt="">
                     </div>
                    <div class="text">
                        <h5>整租-保利家园7号院1号楼</h5>
                        <p>朝阳区</span><i>|</i><span>二室一厅</span><i>|</i><span>90m^2</p>
                        <p>距五号线立水桥站1200米，13号线广西南合...</p>
                        <div class="mlh">
                            <a href="#">独卫</a>
                            <a href="#">含阳台</a>
                        </div>
                       <i class="nm">￥7800<span>元/月</span></i>
                    </div>
                </li>
               </ul>
            </div>
            <div class="dui">
                <button>查看更多优质房源</button>
            </div>
            <div class="vb">
                <img src="./imgs/gushirukou_home.png" alt="">
            </div>
        </div>
       
    </div>
    <div class="footer">
        <ul>
            <li>
                <i class="iconfont icon-home"></i>
                <p>首页</p>
            </li>
            <li> <i class="iconfont icon-home"></i>
                <p>首页</p></li>
            <li> <i class="iconfont icon-home"></i>
                <p>首页</p></li>
            <li> <i class="iconfont icon-home"></i>
                <p>首页</p></li>
          
        </ul>
    </div>
    <script src="./js/flexible.js"></script>
</body>

</html>